@charset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ec8e12;
.web {
    header {
        font-size: 0;
        overflow: hidden;
        padding: r(48) r(22) r(26) r(23);
        div:last-child {
            font-size: r(26);
            text-align: center;
            transform: translateX(r(-20));
            margin-top: r(20);
        }
        .section_one {
            position: relative;
            i {
                font-size: r(43);
                color: $color;
            }
            &::after {
                content: "2";
                color: white;
                font-size: r(20);
                text-align: center;
                line-height: r(28);
                width: r(28);
                height: r(28);
                background-color: red;
                border-radius: 50%;
                position: absolute;
                top: r(-14);
                right: 0;
            }
        }
    }
    section {
        overflow-y: auto;
        position: absolute;
        top: r(150);
        bottom: r(163);
        width: 100%;
        .personal_set {
            padding: 0 r(23) r(26);
            .personal_set_left {
                width: r(170);
                height: r(170);
                margin-right: r(24);
                img {
                    width: 100%;
                }
            }
            .personal_set_right {
                i {
                    font-size: r(46);
                    color: #000000;
                }
            }
            .personal_set_center {
                padding-top: r(20);
                dt {
                    font-size: r(30);
                    color: #000000;
                }
                dd {
                    font-size: r(26);
                    color: #9d9d9d;
                    margin-top: r(37);
                }
            }
        }
        .personal_comment {
            padding: 0 r(22);
            position: relative;
            li {
                width: r(195);
                height: r(151);
                background-color: #b2e0a0;
                i {
                    font-size: r(82);
                    color: white;
                    display: block;
                    margin: r(10) r(55);
                }
                p {
                    font-size: r(26);
                    color: #000000;
                    text-align: center;
                }
            }
            li:nth-of-type(2) {
                background-color: #e0b7a0;
            }
            li:nth-of-type(3) {
                background-color: #a0dce0;
                position: absolute;
                top: 0%;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        .personal_setall {
            padding: r(32) r(22) 0;
            .personal_setall_money {
                font-size: 0;
                margin-bottom: r(24);
                .setall_money_left {
                    i {
                        font-size: r(73);
                        color: $color;
                        vertical-align: middle;
                    }
                    span {
                        margin-left: r(38);
                        font-size: r(26);
                        color: #000000;
                        vertical-align: middle;
                    }
                }
                .more {
                    line-height: r(80);
                }
            }
            .setall_find{
                .setall_money_left i {
                    color: #b2e0a0;
                }
            }
            .setall_myfoot {.setall_money_left i {
                    color: #9cdadf;
                }}
            .setall_set{margin-top: r(50);}
        }
        .personal_button{
            padding: 0 r(109);
            button{
                width: r(147);
                height: r(74);
                color:white;
                font-size: r(24);
                background-color: $color;
                border-radius: r(36);
            }
        }
    }
}